<template>
  <div class="page">

    <!-- 顶部导航 开始 -->
    <div class="top_menu">
      <NavBar></NavBar>
    </div>
    <!-- 顶部导航 end -->

    <!-- 内容区域 开始 -->
    <div class="content">
      <!-- <div class="" v-for="item in 100" :key="item">{{ item }}</div> -->
      <router-view :key="$route.fullPath + Math.random()" />
      <!-- <nuxt /> -->
    </div>
    <!-- 内容区域 end -->

    <!-- 页脚 开始 -->
    <div class="bottom_footer">
      <Footer />
    </div>
    <!-- 页脚 end -->

  </div>
</template>

<script>
import NavBar from '@/components/menu/index.vue'
import Footer from '@/components/footer/index.vue'
export default {
  name: "IndexPage",
  components: {
    NavBar,
    Footer
  },
  data() {
    return {
      loading: true,
      active: 0,
      city: "",
      cityInfo: {},
      term: '',
      gpsInfo: {},
      test: ''
    };
  },
  async asyncData({ query, $axios }) {

  },
  created() {

  },
  mounted() {

  },
  middleware({ route, redirect, req }) {
    if (route.path == "/") {
      redirect("/home");
    }
  },
  methods: {

  },
};
</script>
<style lang="less" scoped>
@import "/assets/styles/index.less";
</style>
